﻿<Page
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:ec="http://schemas.microsoft.com/expression/2010/controls" xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity" xmlns:Expression_Samples_PathListBoxUtils="clr-namespace:Expression.Samples.PathListBoxUtils;assembly=Expression.Samples.PathListBoxUtils" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d"
	x:Class="KinectHospital.UIPage"
	x:Name="Page"
	WindowTitle=""
	FlowDirection="LeftToRight"
	WindowWidth="0" WindowHeight="0" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" d:DesignHeight="300" d:DesignWidth="300">
    <Page.Resources>
        <Style x:Key="PathListBoxItemStyle1" TargetType="{x:Type ec:PathListBoxItem}">
            <Setter Property="HorizontalContentAlignment" Value="Left"/>
            <Setter Property="VerticalContentAlignment" Value="Top"/>
            <Setter Property="Background" Value="Transparent"/>
            <Setter Property="BorderThickness" Value="1"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type ec:PathListBoxItem}">
                        <Grid Background="{TemplateBinding Background}" RenderTransformOrigin="0.5,0.5">
                            <Grid.RenderTransform>
                                <TransformGroup>
                                    <ScaleTransform>
                                        <ScaleTransform.ScaleY>
                                            <Binding Path="IsArranged" RelativeSource="{RelativeSource TemplatedParent}">
                                                <Binding.Converter>
                                                    <ec:IsArrangedToScaleConverter/>
                                                </Binding.Converter>
                                            </Binding>
                                        </ScaleTransform.ScaleY>
                                        <ScaleTransform.ScaleX>
                                            <Binding Path="IsArranged" RelativeSource="{RelativeSource TemplatedParent}">
                                                <Binding.Converter>
                                                    <ec:IsArrangedToScaleConverter/>
                                                </Binding.Converter>
                                            </Binding>
                                        </ScaleTransform.ScaleX>
                                    </ScaleTransform>
                                    <SkewTransform/>
                                    <RotateTransform Angle="{Binding OrientationAngle, RelativeSource={RelativeSource TemplatedParent}}"/>
                                    <TranslateTransform/>
                                </TransformGroup>
                            </Grid.RenderTransform>
                            <VisualStateManager.VisualStateGroups>
                                <VisualStateGroup x:Name="CommonStates">
                                    <VisualState x:Name="Normal"/>
                                    <!--<VisualState x:Name="MouseOver">
										<Storyboard>
											<DoubleAnimation Duration="0" To="0.35" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="fillColor"/>
										</Storyboard>
									</VisualState>-->
                                    <VisualState x:Name="Disabled">
                                        <Storyboard>
                                            <DoubleAnimation Duration="0" To="0.55" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="contentPresenter"/>
                                        </Storyboard>
                                    </VisualState>
                                </VisualStateGroup>
                                <VisualStateGroup x:Name="SelectionStates">
                                    <VisualState x:Name="Unselected"/>
                                    <!--<VisualState x:Name="Selected">
										<Storyboard>
											<DoubleAnimation Duration="0" To="0.75" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="fillColor2"/>
										</Storyboard>
									</VisualState>-->
                                </VisualStateGroup>
                                <VisualStateGroup x:Name="FocusStates">
                                    <!--<VisualState x:Name="Focused">
										<Storyboard>
											<ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetProperty="Visibility" Storyboard.TargetName="FocusVisualElement">
												<DiscreteObjectKeyFrame KeyTime="0">
													<DiscreteObjectKeyFrame.Value>
														<Visibility>Visible</Visibility>
													</DiscreteObjectKeyFrame.Value>
												</DiscreteObjectKeyFrame>
											</ObjectAnimationUsingKeyFrames>
										</Storyboard>
									</VisualState>-->
                                    <VisualState x:Name="Unfocused"/>
                                </VisualStateGroup>
                            </VisualStateManager.VisualStateGroups>
                            <Expression_Samples_PathListBoxUtils:PathListBoxItemTransformer VerticalAlignment="Top" d:LayoutOverrides="Width" IsCentered="True" UseGlobalOffset="True" OpacityRange="0,1" ScaleRange="3,5">
                                <Grid x:Name="TransformParentGrid" Margin="0,0,1.113,0">
                                    <Rectangle x:Name="fillColor" Fill="#FFBADDE9" IsHitTestVisible="False" Opacity="0" RadiusY="1" RadiusX="1" Margin="0,0,-25,0"/>
                                    <Rectangle x:Name="fillColor2" Fill="#FFBADDE9" IsHitTestVisible="False" Opacity="0" RadiusY="1" RadiusX="1" Margin="0,0,-25,0"/>
                                    <ContentPresenter x:Name="contentPresenter" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}"/>
                                    <Rectangle x:Name="FocusVisualElement" RadiusY="1" RadiusX="1" Stroke="#FF6DBDD1" StrokeThickness="1" Visibility="Collapsed" Margin="0,0,-25,0"/>
                                </Grid>
                            </Expression_Samples_PathListBoxUtils:PathListBoxItemTransformer>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </Page.Resources>

    <Grid x:Name="LayoutRoot">
        <Grid.Background>
            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                <GradientStop Color="Black" Offset="0"/>
                <GradientStop Color="#FF182BA0" Offset="1"/>
            </LinearGradientBrush>
        </Grid.Background>
        <Path x:Name="path" Data="M4.5297099E-14,171.8 C623.2,170.2 622.7,169.7 622.7,169.7" Height="0" Margin="0" Stretch="Fill" Stroke="Black" HorizontalAlignment="Center" VerticalAlignment="Center"/>
        <ec:PathListBox x:Name="pathListBox" Height="0" Margin="0,10,0,0" VerticalAlignment="Top" ItemContainerStyle="{DynamicResource PathListBoxItemStyle1}" WrapItems="True">
            <ec:PathListBox.LayoutPaths>
                <ec:LayoutPath SourceElement="{Binding ElementName=path}" Distribution="Even" Capacity="3" Padding="0" Start="0.2" FillBehavior="NoOverlap"/>
            </ec:PathListBox.LayoutPaths>
            <i:Interaction.Behaviors>
                <Expression_Samples_PathListBoxUtils:PathListBoxScrollBehavior x:Name="pathListBoxScrollBehavior" DesiredOffset="0.5" HideEnteringItem="False">
                    <Expression_Samples_PathListBoxUtils:PathListBoxScrollBehavior.Ease>
                        <ExponentialEase EasingMode="EaseInOut"/>
                    </Expression_Samples_PathListBoxUtils:PathListBoxScrollBehavior.Ease>
                    <i:Interaction.Triggers>
                        <i:EventTrigger SourceName="pathListBox" EventName="SelectionChanged">
                            <i:InvokeCommandAction CommandName="ScrollSelectedCommand"/>
                        </i:EventTrigger>
                    </i:Interaction.Triggers>
                </Expression_Samples_PathListBoxUtils:PathListBoxScrollBehavior>
            </i:Interaction.Behaviors>
        </ec:PathListBox>
        <Label x:Name="optionLabel" Content="" Margin="380.85,0,305.55,90.839" VerticalAlignment="Bottom" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" FontSize="73.333" FontFamily="Verdana" Foreground="White" Background="#001F62EB"/>
        <Label x:Name="pageLabel" Content="" HorizontalAlignment="Right" Margin="0,43.789,480.873,30.837" FontFamily="Verdana" FontSize="86.667" Foreground="White" d:LayoutOverrides="Height"/>
        <Image x:Name="backImage" Margin="-500,-350,450,250" />
    </Grid>
</Page>